<template>
    <div id="cd" :class="{srcc:dd}">
        <ul>
            <li v-for="(item, index) in shops" :key="index" class="cd-li">
                <img v-if="item.icon_url" class="cd-img" :src="item.icon_url" alt="">
                <span class="cd-span">{{item.name}}</span>
            </li>
        </ul>
    </div>
</template>
<script>
export default {
    props:{
        'shops':Array,
        'dd':Boolean
    },
}
</script>
<style lang="stylus" scoped>
    #cd
        overflow-y auto
        height 100%
        background-color #f8f8f8
        padding-bottom 10.666667vw
        width 21vw
        z-index 100
    .srcc
        position fixed
        top 46px
        left 0
        z-index 999
#cd
    ul
        flex 0
        flex none
        position relative
        z-index 0
        .cd-li
            padding 4.666667vw 2vw
            font-size .32rem
            color #666
            position relative
            .cd-img
                width 3.466667vw
                height 3.466667vw
                vertical-align top
                margin-right .8vw
            .cd-span
                font-size: .3rem;

</style>


